<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>

<body>
    <form action="#" method="POST">
        <table>
            <tr>
                <td>用户名：</td>
                <td><input type="text" name="txtUserName" class="txtStyle" maxlength="11"></td>
            </tr>
            <tr>
                <td>密码：</td>
                <td><input type="password" name="txtPwd" class="txtStyle" maxlength="18"></td>
            </tr>
            <tr>
                <td>性别：</td>
                <td>
                    <!-- 此处的name值必须一致，这样才会互斥，达成单选的效果，checkbox表示该值默认为选中状态 -->
                    <input type="radio" name="sex" value="m" checked>男
                    <input type="radio" name="sex" value="f">女
                </td>

            </tr>
            <tr>
                <td>技能：</td>
                <td>
                    <input type="checkbox" name="html" id="">HTML
                    <input type="checkbox" name="java" id="">Java
                    <input type="checkbox" name="c#" id="">C#
                    <input type="checkbox" name="sql" id="">Sql Server
                    <input type="checkbox" name="js" id="">JavaScript
                </td>

            </tr>
            <tr>
                <td>自我介绍：</td>
                <td><textarea name="" id="" cols="30" rows="10"></textarea></td>
            </tr>
            <tr>
                <td>区域：</td>
                <td>
                    <select name="add" id="">
                        <option value="">北京</option>
                        <option value="">上海</option>
                        <option value="">福建</option>
                        <option value="">成都</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td><input type="submit" name="提交按钮" id=""></td>
                <td><input type="reset" name="重置按钮" id=""></td>
                <td>
                    <a href="https://www.hyr6.work">
                        <input type="button" name="普通按钮" value="点击前往啊炎娱乐网" id="">
                    </a>
                </td>
            </tr>
        </table>
    </form>
</body>

</html>